.countdown{
	width: 640px;
	margin: 0 auto;
	font-size: 0;
	position: relative;
	height:auto;
	z-index: 9;
	padding:15px 0;
}
.countdown h3{
	text-align: center;
	font-size: 28px;
	color: #333;
	font-weight: normal;
	margin:0 0 15px;
	line-height: 40px;
	border-bottom:none !important;
}
.countdown .time > div em{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.countdown .ul{
	text-align:center;
}
.countdown .time{
	position: relative;
}
.countdown .time > div{
	width: calc(25% - 30px);
	height: 105px;
	line-height: 103px;
	margin:0 40px 0 0;
	padding: 0 15px;
	display: inline-block;
	vertical-align: top;
	font-size: 60px;
	box-sizing: border-box;
	color: #333;
	letter-spacing: 22px;
	position: relative;
}
.countdown .time > div:last-child{
	margin-right: 0;
}
.countdown .time i{
	display: none;
	background: none;
}

.countdown .word{
	margin-top: 15px;
}
.countdown .no-word .word{
	display:none;
}
.countdown .word > div{
	display: inline-block;
	font-size: 16px;
	width: calc(25% - 30px);
	text-align: center;
	margin:0 40px 0 0;
}
.countdown .word > div:last-child{
	margin-right: 0;
}
.countdown .word > div i{
	display: none;
}
.countdown_style1 .time > div{
	background: #eee;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
	width: calc(25% - 30px);
	height: 105px;
	line-height: 103px;
	margin:0 40px 0 0;
	padding: 0 15px;
	display: inline-block;
	vertical-align: top;
	font-size: 60px;
	box-sizing: border-box;
	color: #c620ea;
	box-shadow: 0 0 8px rgba(85,82,82,.2);
	letter-spacing: 32px;
	position: relative;
}
.countdown_style1 .time > div:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 2px;
	height: 100%;
	background: #fff;
	background: -webkit-linear-gradient(#eeeeee, #ffffff, #eeeeee);
	background: -o-linear-gradient(#eeeeee, #ffffff, #eeeeee);
	background: linear-gradient(#eeeeee, #ffffff, #eeeeee);
}

/*style2*/
.countdown_style2 .time > div{
	position: relative;
	color: #fff;
	letter-spacing:35px;
}
.countdown_style2 .time > div:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: calc(50% - 5px);
	background: #ffc312;
	content: '';
	border-radius: 5px;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.countdown_style2 .time > div:after{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: calc(50% - 5px);
	background: #ffc312;
	content: '';
	border-radius: 5px;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.countdown_style2 .time > div em{
	display: block;
}
.countdown_style2 .time > div em:before{
	content: '';
	width: calc(50% - 5px);
	background: #ffc312;
	height: 3px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
}
.countdown_style2 .time > div em:after{
	content: '';
	width: calc(50% - 5px);
	background: #ffc312;
	height: 3px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3px;
}
.countdown_style2 .word > div{
	text-transform: uppercase;
}
.countdown_style2 .time i{
	display: block;
	position: absolute;
	top: 50%;
	left: calc(25% - 30px);
	margin-top: -20px;
}
.countdown_style2 .time i svg{
	width: 40px;
	height: 40px;
	fill: #ffc312;
}
.countdown_style2 .time i.icon2{
	left: calc(50% - 20px);
}
.countdown_style2 .time i.icon3{
	left: calc(75% - 10px);
}
.countdown_style2.countdown_big .noned .time i.icon2{
	left: calc(50% - 105px);
}
.countdown_style2.countdown_big .noned .time i.icon3{
	left: calc(75% - 95px);
}

/*style3*/
.countdown_style3 .time > div{
	height: 130px;
	border-radius: 50%;
	box-shadow: 0 0 12px rgba(0,0,0,.4);
	text-align: center;
	letter-spacing: 0;
	color: #12cbc4;
	line-height: 110px;
}
.countdown_style3 .no-word .time > div{
	line-height: 130px;
}
.countdown_style3 .word{
	margin: -40px 0 0;
	color: #12cbc4;
	position:absolute;
	width:100%;
}

/*style4*/
.countdown_style4 .time{
	padding:0 ;
}
.countdown_style4 .no-word .time{
	padding:0;
}
.countdown_style4 .time > div{
	letter-spacing: 8px;
	text-align: center;
	color: #e72b77;
	font-weight: bold;
	height:auto;
	line-height:normal;
}
.countdown_style4 .time i{
	display: block;
	position: absolute;
	top: 50%;
	left: calc(25% - 30px);
	margin-top: -20px;
}
.countdown_style4 .time i svg{
	width: 40px;
	height: 40px;
	fill: #e72b77;
}
.countdown_style4 .time i.icon2{
	left: calc(50% - 20px);
}
.countdown_style4 .time i.icon3{
	left: calc(75% - 10px);
}
.countdown_style4.countdown_big .noned .time i.icon2{
	left: calc(50% - 110px);
}
.countdown_style4.countdown_big .noned .time i.icon3{
	left: calc(75% - 100px);
}
.countdown_style4 .word{
	text-transform: uppercase;
	color: #e72b77;
	margin: 10px 0;
}


/*style5*/
.countdown_style5 .time{
	background: #2d83bb;
	border-radius: 5px;
}
.countdown_style5 .time > div{
	letter-spacing: 8px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	height: 90px;
	line-height: 88px;
}
.countdown_style5 .time i{
	display: block;
	position: absolute;
	top: 50%;
	left: calc(25% - 30px);
	margin-top: -20px;
}
.countdown_style5 .time i svg{
	width: 40px;
	height: 40px;
	fill: #fff;
}
.countdown_style5 .time i.icon2{
	left: calc(50% - 20px);
}
.countdown_style5 .time i.icon3{
	left: calc(75% - 10px);
}
.countdown_style5.countdown_big .noned .time i.icon2{
	left: calc(50% - 110px);
}
.countdown_style5.countdown_big .noned .time i.icon3{
	left: calc(75% - 100px);
}
.countdown_style5 .word{
	text-transform: uppercase;
	color: #333;
	margin: 15px 0 0;
}

/*style6*/
.countdown_style6 .time > div{
	background: #8e44ad;
	border-radius: 5px;
	width: calc(25% - 15px);
	height: 145px;
	line-height: 145px;
	margin:0 20px 0 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 80px;
	box-sizing: border-box;
	color: #fff;
	box-shadow: 0 0 8px rgba(85,82,82,.2);
	letter-spacing: 0;
	position: relative;
	text-align: center;
}
.countdown_style6 .time > div em{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #803a9e;
	background: #984bb7;
	z-index: 9;
	display: block;
}
.countdown_style6 .time > div:before{
	width: 6px;
	height: 6px;
	background: rgba(255,255,255,.4);
	content: '';
	position: absolute;
	left: 7px;
	top: 58px;
}
.countdown_style6 .time > div:after{
	width: 6px;
	height: 6px;
	background: rgba(255,255,255,.4);
	content: '';
	position: absolute;
	left: 7px;
	bottom: 54px;
}
.countdown_style6 .time > div em:before{
	width: 6px;
	height: 6px;
	background: rgba(255,255,255,.4);
	content: '';
	position: absolute;
	right: 7px;
	top: -16px;
}
.countdown_style6 .time > div em:after{
	width: 6px;
	height: 6px;
	background: rgba(255,255,255,.4);
	content: '';
	position: absolute;
	right: 7px;
	bottom: -16px;
}

/*style7*/
.countdown_style7 .time > div{
	background: #2c3e50;
	border-radius: 5px;
	width: calc(25% - 30px);
	height: 105px;
	line-height: 103px;
	margin: 0 40px 0 0;
	padding: 0 15px;
	display: inline-block;
	vertical-align: top;
	font-size: 60px;
	box-sizing: border-box;
	color: #fff;
	box-shadow: 0 0 8px rgba(85,82,82,.2);
	letter-spacing: 0;
	text-align: center;
	position: relative;
}

/*style8*/
.countdown_style8 .time > div{
	height: 130px;
	border-radius: 50%;
	border: 5px #1abc9c solid;
	text-align: center;
	letter-spacing: 0;
	color: #333;
	line-height: 110px;
	font-size: 50px;
}
.countdown_style8 .no-word .time > div{
	line-height: 120px;
}
.countdown_style8 .word{
	margin: -40px 0 0;
	color: #333;
	position: absolute;
    width: 100%;
}

/*style9*/
.countdown_style9{
	padding: 15px 50px;
	box-sizing: border-box;
}
.countdown_style9 .time{
	border:1px solid #535353;
	border-radius:5px;
	padding:0 10px;
}
.countdown_style9 .time > div{
	letter-spacing: 0;
	text-align: center;
	color: #e72b77;
	font-weight: bold;
	padding: 0;
	line-height:90px;
}
.countdown_style9 .time i{
	display: block;
	position: absolute;
	top: 50%;
	left: calc(25% - 8px);
	width:1px;
	background:#b4b4b4;
    height: calc(100% - 30px);
    transform: translateY(-50%);
}
.countdown_style9 .time i svg{
	display:none;
}
.countdown_style9 .time i.icon2{
	left: 50%;
}
.countdown_style9 .time i.icon3{
	left: calc(75% - -10px);
}
.countdown_style9.countdown_big .noned .time i.icon2{
	left: calc(50% - 90px);
}
.countdown_style9.countdown_big .noned .time i.icon3{
	left: calc(75% - 45px);
}
.countdown_style9 .word{
	text-transform: uppercase;
	color: #e72b77;
	margin: -33px 0 0;
	position: absolute;
    width:calc(100% - 100px);
}
.countdown_style9 .word > div{
	text-align: center;
	font-size: 14px;
	font-style: italic;
	margin-right:35px;
}
.countdown_style9 .noned .time{
	padding:0;
}
.countdown_style9 .noned .time > div{
	width:33.3333%;
	margin:0;
	box-sizing:border-box;
}
.countdown_style9 .noned .word > div{
	margin:0;
	width:33.3333%;
}

.countdown_style9 .no-word .time > div{
	line-height:103px;
}





/*style10*/
.countdown_style10{
	padding: 15px 50px;
	box-sizing: border-box;
}
.countdown_style10 .time{
	padding-bottom:15px;
}
.countdown_style10 .no-word .time{
	padding-bottom:0;
}
.countdown_style10 .time > div{
	letter-spacing: 0;
	text-align: center;
	color: #e72b77;
	font-weight: bold;
	padding: 0;
	height:auto;
	line-height:normal
}
.countdown_style10 .word{
	color: #e72b77;
	margin-top: -15px;
}
.countdown_style10 .word > div{
	height: 22px;
	line-height: 22px;
	background: #dfdede;
	border-radius: 15px;
	font-size: 14px;
	color: #333;
}





/*中等*/
.countdown_secondary{
	width: 480px;
	height: auto;
	padding-bottom:15px;
}
.countdown_secondary .time > div{
	width: calc(25% - 15px);
	height: 95px;
	line-height: 93px;
	margin:0 20px 0 0;
	padding: 0 12px;
	letter-spacing: 25px;
	font-size: 50px;
}
.countdown_secondary .word{
	margin-top: 12px;
    width: 100%;
}
.countdown_secondary .word > div{
	font-size: 14px;
	width: calc(25% - 15px);
	margin:0 20px 0 0;
}
.countdown_secondary h3{
	font-size: 24px;
}


.countdown_secondary.countdown_style2 .time > div{
	padding: 0 10px;
	letter-spacing:30px;
}
.countdown_secondary.countdown_style2 .time i{
	left: calc(25% - 20px);
	margin-top: -15px;
}
.countdown_secondary.countdown_style2 .time i.icon2{
	left: calc(50% - 15px);
}
.countdown_secondary.countdown_style2 .time i.icon3{
	left: calc(75% - 10px);
}
.countdown_secondary.countdown_style2 .noned .time i.icon2{
	left: calc(50% - 78px);
}
.countdown_secondary.countdown_style2 .noned .time i.icon3{
	left: calc(75% - 73px);
}
.countdown_secondary.countdown_style2 .time i svg{
	width: 30px;
	height: 30px;
}
.countdown_secondary.countdown_style3 .time > div{
	height: 105px;
	line-height: 90px;
	letter-spacing: 0;
}
.countdown_secondary.countdown_style3 .no-word .time > div{
	line-height: 105px;
}
.countdown_secondary.countdown_style3 .word{
	margin: -35px 0 0;
	position:absolute;
	width:100%;
}




.countdown_secondary.countdown_style4 .time > div{
	padding: 0 10px;
	letter-spacing:0;
}
.countdown_secondary.countdown_style4 .time i{
	left: calc(25% - 20px);
	margin-top: -15px;
}
.countdown_secondary.countdown_style4 .time i.icon2{
	left: calc(50% - 15px);
}
.countdown_secondary.countdown_style4 .time i.icon3{
	left: calc(75% - 10px);
}
.countdown_secondary.countdown_style4 .noned .time i.icon2{
	left: calc(50% - 80px);
}
.countdown_secondary.countdown_style4 .noned .time i.icon3{
	left: calc(75% - 73px);
}
.countdown_secondary.countdown_style4 .time i svg{
	width: 30px;
	height: 30px;
}
.countdown_secondary.countdown_style4 .word{
	margin-top: -10px;
}

.countdown_secondary.countdown_style5 .time > div{
	padding: 0 10px;
	letter-spacing:0;
}
.countdown_secondary.countdown_style5 .time i{
	left: calc(25% - 20px);
	margin-top: -15px;
}
.countdown_secondary.countdown_style5 .time i.icon2{
	left: calc(50% - 15px);
}
.countdown_secondary.countdown_style5 .time i.icon3{
	left: calc(75% - 10px);
}
.countdown_secondary.countdown_style5 .noned .time i.icon2{
	left: calc(50% - 80px);
}
.countdown_secondary.countdown_style5 .noned .time i.icon3{
	left: calc(75% - 75px);
}
.countdown_secondary.countdown_style5 .time i svg{
	width: 30px;
	height: 30px;
}
.countdown_secondary.countdown_style5 .word{
	margin-top: 10px;
}
.countdown_secondary.countdown_style5 .time > div{
	letter-spacing:4px;
	height: 80px;
	line-height: 78px;
}

.countdown_secondary.countdown_style6 .time > div{
	letter-spacing:0;
}
.countdown_secondary.countdown_style6 .time > div:before{
	width: 4px;
	height: 4px;
	left: 7px;
	top: 39px;
}
.countdown_secondary.countdown_style6 .time > div:after{
	width: 4px;
	height: 4px;
	left: 7px;
	bottom: 35px;
}
.countdown_secondary.countdown_style6 .time > div em:before{
	width: 4px;
	height: 4px;
	right: 7px;
	top: -10px;
}
.countdown_secondary.countdown_style6 .time > div em:after{
	width: 4px;
	height: 4px;
	right: 7px;
	bottom: -10px;
}
.countdown_secondary.countdown_style7 .time > div{
	letter-spacing: 0;
}
.countdown_secondary.countdown_style8 .time > div{
	height: 105px;
	line-height: 90px;
	letter-spacing: 0;
}
.countdown_secondary.countdown_style8 .no-word .time > div{
	line-height: 95px;
}
.countdown_secondary.countdown_style8 .word{
	margin: -35px 0 0;
}
.countdown_secondary.countdown_style9{
	padding:15px 0;
	box-sizing: border-box;
}
.countdown_secondary.countdown_style9 .time > div{
	padding: 0 10px;
	letter-spacing:0;
	line-height:78px;
}
.countdown_secondary.countdown_style9 .no-word .time > div{
	line-height:93px;
}

.countdown_secondary.countdown_style9 .time i{
	left: calc(25% - 0);
}
.countdown_secondary.countdown_style9 .time i.icon2{
	left: calc(50% - 0);
}
.countdown_secondary.countdown_style9 .time i.icon3{
	left: calc(75% - 0);
}
.countdown_secondary.countdown_style9 .noned .time i.icon2{
	left: calc(50% - 80px);
}
.countdown_secondary.countdown_style9 .noned .time i.icon3{
	left: calc(75% - 40px);
}
.countdown_secondary.countdown_style9 .time i svg{
	width: 30px;
	height: 30px;
}
.countdown_secondary.countdown_style9 .word{
	margin-top: -33px;
}

.countdown_secondary.countdown_style9 .word >div{
	margin-right: 13px;
}
.countdown_secondary.countdown_style9 .noned .word >div{
	margin-right: 0;
}







.countdown_secondary.countdown_style10{
	padding: 15px 0 ;
	box-sizing: border-box;
}
.countdown_secondary.countdown_style10 .time{
	padding: 0
}
.countdown_secondary.countdown_style10 .time > div{
	padding: 0 10px;
	letter-spacing:0;
	height: auto;
	line-height:normal;
}


.countdown_secondary.countdown_style10 .word{
	margin-top: 0;
	padding: 0;
}

/*大*/
.countdown_big .no-word .word{
	display:none;
}


/*小*/
.countdown_small{
	width: 320px;
}
.countdown_small .time > div{
	width: calc(25% - 7.5px);
	height: 65px;
	line-height: 63px;
	margin:0 10px 0 0;
	padding: 0 8px;
	letter-spacing: 18px;
	font-size: 34px;
}
.countdown_small .no-word .word{
	margin-top: 10px;
	display:none;
}
.countdown_small .word > div{
	width: calc(25% - 7.5px);
	margin:0 10px 0 0;
	font-size: 12px;
}
.countdown_small h3{
	font-size: 20px;
	line-height: 30px;
}
.countdown_small.countdown_style2 .time > div{
	padding: 0 8px;
	letter-spacing:20px;
}

.countdown_small.countdown_style2 .time i{
	left: calc(25% - 10px);
	margin-top: -10px;
}
.countdown_small.countdown_style2 .time i.icon2{
	left: calc(50% - 7px);
}
.countdown_small.countdown_style2 .time i.icon3{
	left: calc(75% - 6px);
}
.countdown_small.countdown_style2 .noned .time i.icon2{
	left: calc(50% - 48px);
}
.countdown_small.countdown_style2 .noned .time i.icon3{
	left: calc(75% - 46px);
}
.countdown_small.countdown_style2 .time i svg{
	width: 15px;
	height: 15px;
}
.countdown_small.countdown_style2 .time > div:before{
	width: calc(50% - 2px);
}
.countdown_small.countdown_style2 .time > div:after{
	width: calc(50% - 2px);
}

.countdown_small.countdown_style3 .time > div{
	height: 72px;
	line-height: 60px;
	letter-spacing: 0;
}
.countdown_small.countdown_style3 .no-word .time > div{
	line-height: 72px;
}
.countdown_small.countdown_style3 .word{
	margin: -25px 0 0;
}
.countdown_small.countdown_style4 .time > div{
	padding: 0 8px;
	letter-spacing:5px;
	height: auto;
	line-height: normal;
}

.countdown_small.countdown_style4 .time i{
	left: calc(25% - 10px);
	margin-top: -8px;
}
.countdown_small.countdown_style4 .time i.icon2{
	left: calc(50% - 7px);
}
.countdown_small.countdown_style4 .time i.icon3{
	left: calc(75% - 6px);
}
.countdown_small.countdown_style4 .noned .time i.icon2{
	left: calc(50% - 51px);
}
.countdown_small.countdown_style4 .noned .time  i.icon3{
	left: calc(75% - 47px);
}
.countdown_small.countdown_style4 .time i svg{
	width: 15px;
	height: 15px;
}
.countdown_small.countdown_style4 .time > div:before{
	width: calc(50% - 2px);
}
.countdown_small.countdown_style4 .time > div:after{
	width: calc(50% - 2px);
}
.countdown_small.countdown_style4 .word{
	margin: 0;
}

.countdown_small.countdown_style5 .time > div{
	padding: 0 8px;
	letter-spacing:5px;
}
.countdown_small.countdown_style5 .time i{
	left: calc(25% - 10px);
	margin-top: -10px;
}
.countdown_small.countdown_style5 .time i.icon2{
	left: calc(50% - 7px);
}
.countdown_small.countdown_style5 .time i.icon3{
	left: calc(75% - 6px);
}
.countdown_small.countdown_style5 .noned .time i.icon2{
	left: calc(50% - 50px);
}
.countdown_small.countdown_style5 .noned .time i.icon3{
	left: calc(75% - 48px);
}
.countdown_small.countdown_style5 .time i svg{
	width: 15px;
	height: 15px;
}
.countdown_small.countdown_style5 .time > div:before{
	width: calc(50% - 2px);
}
.countdown_small.countdown_style5 .time > div:after{
	width: calc(50% - 2px);
}
.countdown_small.countdown_style5 .word{
	margin: 10px 0 0;
}
.countdown_small.countdown_style6 .time > div{
	letter-spacing:0;
}
.countdown_small.countdown_style6 .time > div:before{
	width: 2px;
	height: 2px;
	left: 7px;
	top: 28px;
}
.countdown_small.countdown_style6 .time > div:after{
	width: 2px;
	height: 2px;
	left: 7px;
	bottom: 24px;
}
.countdown_small.countdown_style6 .time > div em:before{
	width: 2px;
	height: 2px;
	right: 7px;
	top: -6px;
}
.countdown_small.countdown_style6 .time > div em:after{
	width: 2px;
	height: 2px;
	right: 7px;
	bottom: -6px;
}
.countdown_small.countdown_style7 .time > div{
	letter-spacing: 0;
}
.countdown_small.countdown_style8 .time > div{
	height: 72px;
	line-height: 60px;
	letter-spacing: 0;
}
.countdown_small.countdown_style8 .no-word .time > div{
	line-height: 62px;
}
.countdown_small.countdown_style8 .word{
	margin: -25px 0 0;
}

.countdown_small.countdown_style9 .time > div{
	padding: 0 13px;
	letter-spacing:5px;
	line-height:55px;
}
.countdown_small.countdown_style9{
	padding:15px 0;
}
.countdown_small.countdown_style9 .time{
	padding:0 5px;
}
.countdown_small.countdown_style9 .time i{
	left: calc(25% - 1px);
	height:50px;
}
.countdown_small.countdown_style9 .time i.icon2{
	left: calc(50% - 1px);
}
.countdown_small.countdown_style9 .time i.icon3{
	left: calc(75% - 0px);
}
.countdown_small.countdown_style9 .noned .time i.icon2{
	left: calc(50% - 54px);
}
.countdown_small.countdown_style9 .noned .time i.icon3{
	left: calc(75% - 28px);
}
.countdown_small.countdown_style9 .time i svg{
	width: 15px;
	height: 15px;
}
.countdown_small.countdown_style9 .time > div:before{
	width: calc(50% - 2px);
}
.countdown_small.countdown_style9 .time > div:after{
	width: calc(50% - 2px);
}
.countdown_small.countdown_style9 .word{
	margin: -23px 0 0;
	width:100%;
}
.countdown_small.countdown_style9 .word > div{
	margin-right:0;
	width:25%;
}
.countdown_small.countdown_style9 .noned .word > div{
	width:33.3333%
}



.countdown_small.countdown_style9 .no-word .time > div{
	line-height:65px;
}
.countdown_small.countdown_style9 .noned .time{
	padding:0;
}
.countdown_small.countdown_style9 .noned .word > div{
	margin:0;
}

.countdown_small.countdown_style10{
	padding: 15px 0;
}
.countdown_small.countdown_style10 .time{
	padding: 0;
}
.countdown_small.countdown_style10 .time > div{
	padding: 0 8px;
	letter-spacing:5px;
	height: auto;
	line-height: normal;
}
.countdown_small.countdown_style10 .word{
	margin: 0;
	padding: 0;
}
.countdown_style10 .word{
	padding-bottom:15px;
}
.countdown_style10 .no-word .word{
	padding-bottom:0;
}

.countdown_style11 {
	background-color: #A08ED1;
	padding: var(--padding) 0;
	border-radius: 6px;
	width: var(--countdown-width);
	color: #fff;
}

.countdown_style11 {
	--countdown-width: 380px;
	--time-width: 44px;
	--time-height: 40px;
	--time-spacing: 18px;
	--spacing-size: 8px;
	--font-size: 24px;
	--letter-spacing: 0px;
	--circle-size: 10px;
	--title-font-size: 22px;
	--padding: 16px;
	--unit-font-size: 12px;
}
.countdown_style11.countdown_secondary {
	--countdown-width: 480px;
	--time-width: 62px;
	--time-height: 52px;
	--time-spacing: 20px;
	--spacing-size: 12px;
	--font-size: 38px;
	--letter-spacing: 0px;
	--circle-size: 12px;
	--title-font-size: 24px;
	--padding: 20px;
	--unit-font-size: 14px;
}
.countdown_style11.countdown_big {
	--countdown-width: 520px;
	--time-width: 72px;
	--time-height: 58px;
	--time-spacing: 20px;
	--spacing-size: 12px;
	--font-size: 44px;
	--letter-spacing: 0px;
	--circle-size: 16px;
	--title-font-size: 30px;
	--padding: 20px;
	--unit-font-size: 14px;
}

@media screen and (max-width: 780px) {
	.countdown_style11,
	.countdown_style11.countdown_secondary,
	.countdown_style11.countdown_big {
		--time-width: 44px;
		--time-height: 40px;
		--time-spacing: 13px;
		--spacing-size: 8px;
		--font-size: 24px;
		--letter-spacing: 0px;
		--circle-size: 10px;
		--title-font-size: 22px;
		--padding: 16px;
		--unit-font-size: 12px;
	}
}

.countdown_style11 h3 {
	color: #fff;
	font-size: var(--title-font-size);
	line-height: 1;
	margin-bottom: var(--padding);
}

.countdown_style11 .ul .time {
	display: flex;
	align-items: center;
	justify-content: center;
}
.countdown_style11 .ul .time [class^=join] {
	font-size: var(--font-size);
	letter-spacing: var(--letter-spacing);
	margin: 0;
	height: var(--time-height);
	width: auto;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 4px;
	position: relative;
	flex: 0 0 var(--time-width);
	padding: 0;
}
.countdown_style11 .ul .time .joinms {
	flex: 0 0 var(--time-width);
}
.countdown_style11 .ul .time [class^=join]::before,
.countdown_style11 .ul .time [class^=join]::after {
	content: '';
	display: block;
	position: absolute;
	background-color: #A08ED1;
	width: var(--circle-size);
	height: var(--circle-size);
	border-radius: 50%;
	top: 50%;
}
.countdown_style11 .ul .time [class^=join]::before {
	left: 0;
	transform: translate(-50%, -50%);
}
.countdown_style11 .ul .time [class^=join]::after {
	right: 0;
	transform: translate(50%, -50%);
}
.countdown_style11 .ul .time i {
	display: inline;
}
.countdown_style11 .ul .time i svg {
	width: var(--time-spacing);
	height: var(--spacing-size);
	fill: #fff;
}
.countdown_style11 .ul .word {
	display: flex;
	justify-content: center;
	margin-top: 5px;
}
.countdown_style11 .ul .word > div {
	margin-right: var(--time-spacing);
	flex: 0 0 var(--time-width);
	color: #fff;
	font-size: var(--unit-font-size);
}
.countdown_style11 .ul .word > .ms {
	margin-right: 0;
}











/*多主题颜色*/
/*红色*/
.countdown_red.countdown_style1 .time > div,
.countdown_red.countdown_style3 .time > div,
.countdown_red.countdown_style3 .word,
.countdown_red.countdown_style4 .time > div,
.countdown_red.countdown_style4 .word,
.countdown_red.countdown_style9 .time > div,
.countdown_red.countdown_style9 .word,
.countdown_red.countdown_style10 .time > div,
.countdown_red.countdown_style11 .time > div{
	color:#ff2452;
}
.countdown_red.countdown_style2 .time > div:before,
.countdown_red.countdown_style2 .time > div:after,
.countdown_red.countdown_style2 .time > div em:before,
.countdown_red.countdown_style2 .time > div em:after,
.countdown_red.countdown_style5 .time,
.countdown_red.countdown_style6 .time > div,
.countdown_red.countdown_style7 .time > div{
	background: #ff2452;
}
.countdown_red.countdown_style2 .time i svg,
.countdown_red.countdown_style4 .time i svg,
.countdown_red.countdown_style9 .time i svg{
	fill: #ff2452;
}
.countdown_red.countdown_style6 .time > div em{
	border-top: 1px solid #cc1d42;
	background: #fa6f8c;
}
.countdown_red.countdown_style8 .time > div{
	border: 5px #ff2452 solid;
}

/*橙色*/
.countdown_orange.countdown_style1 .time > div,
.countdown_orange.countdown_style3 .time > div,
.countdown_orange.countdown_style3 .word,
.countdown_orange.countdown_style4 .time > div,
.countdown_orange.countdown_style4 .word,
.countdown_orange.countdown_style9 .time > div,
.countdown_orange.countdown_style9 .word,
.countdown_orange.countdown_style10 .time > div,
.countdown_orange.countdown_style11 .time > div{
	color:#ff8542;
}
.countdown_orange.countdown_style2 .time > div:before,
.countdown_orange.countdown_style2 .time > div:after,
.countdown_orange.countdown_style2 .time > div em:before,
.countdown_orange.countdown_style2 .time > div em:after,
.countdown_orange.countdown_style5 .time,
.countdown_orange.countdown_style6 .time > div,
.countdown_orange.countdown_style7 .time > div{
	background: #ff8542;
}
.countdown_orange.countdown_style2 .time i svg,
.countdown_orange.countdown_style4 .time i svg,
.countdown_orange.countdown_style9 .time i svg{
	fill: #ff8542;
}
.countdown_orange.countdown_style6 .time > div em{
	border-top: 1px solid #d67037;
	background: #fba87a;
}
.countdown_orange.countdown_style8 .time > div{
	border: 5px #ff8542 solid;
}

/*绿色*/
.countdown_green.countdown_style1 .time > div,
.countdown_green.countdown_style3 .time > div,
.countdown_green.countdown_style3 .word,
.countdown_green.countdown_style4 .time > div,
.countdown_green.countdown_style4 .word,
.countdown_green.countdown_style9 .time > div,
.countdown_green.countdown_style9 .word,
.countdown_green.countdown_style10 .time > div,
.countdown_green.countdown_style11 .time > div{
	color:#089b32;
}
.countdown_green.countdown_style2 .time > div:before,
.countdown_green.countdown_style2 .time > div:after,
.countdown_green.countdown_style2 .time > div em:before,
.countdown_green.countdown_style2 .time > div em:after,
.countdown_green.countdown_style5 .time,
.countdown_green.countdown_style6 .time > div,
.countdown_green.countdown_style7 .time > div{
	background: #089b32;
}
.countdown_green.countdown_style2 .time i svg,
.countdown_green.countdown_style4 .time i svg,
.countdown_green.countdown_style9 .time i svg{
	fill: #089b32;
}
.countdown_green.countdown_style6 .time > div em{
	border-top: 1px solid #077526;
	background: #32a051;
}
.countdown_green.countdown_style8 .time > div{
	border: 5px #089b32 solid;
}


/*蓝色*/
.countdown_blue.countdown_style1 .time > div,
.countdown_blue.countdown_style3 .time > div,
.countdown_blue.countdown_style3 .word,
.countdown_blue.countdown_style4 .time > div,
.countdown_blue.countdown_style4 .word,
.countdown_blue.countdown_style9 .time > div,
.countdown_blue.countdown_style9 .word,
.countdown_blue.countdown_style10 .time > div,
.countdown_blue.countdown_style11 .time > div{
	color:#428fff;
}
.countdown_blue.countdown_style2 .time > div:before,
.countdown_blue.countdown_style2 .time > div:after,
.countdown_blue.countdown_style2 .time > div em:before,
.countdown_blue.countdown_style2 .time > div em:after,
.countdown_blue.countdown_style5 .time,
.countdown_blue.countdown_style6 .time > div,
.countdown_blue.countdown_style7 .time > div{
	background: #428fff;
}
.countdown_blue.countdown_style2 .time i svg,
.countdown_blue.countdown_style4 .time i svg,
.countdown_blue.countdown_style9 .time i svg{
	fill: #428fff;
}
.countdown_blue.countdown_style6 .time > div em{
	border-top: 1px solid #3978d4;
	background: #86b5f8;
}
.countdown_blue.countdown_style8 .time > div{
	border: 5px #428fff solid;
}


/*紫色*/
.countdown_purple.countdown_style1 .time > div,
.countdown_purple.countdown_style3 .time > div,
.countdown_purple.countdown_style3 .word,
.countdown_purple.countdown_style4 .time > div,
.countdown_purple.countdown_style4 .word,
.countdown_purple.countdown_style9 .time > div,
.countdown_purple.countdown_style9 .word,
.countdown_purple.countdown_style10 .time > div,
.countdown_purple.countdown_style11 .time > div{
	color:#c942ff;
}
.countdown_purple.countdown_style2 .time > div:before,
.countdown_purple.countdown_style2 .time > div:after,
.countdown_purple.countdown_style2 .time > div em:before,
.countdown_purple.countdown_style2 .time > div em:after,
.countdown_purple.countdown_style5 .time,
.countdown_purple.countdown_style6 .time > div,
.countdown_purple.countdown_style7 .time > div{
	background: #c942ff;
}
.countdown_purple.countdown_style2 .time i svg,
.countdown_purple.countdown_style4 .time i svg,
.countdown_purple.countdown_style9 .time i svg{
	fill: #c942ff;
}
.countdown_purple.countdown_style6 .time > div em{
	border-top: 1px solid #a939d6;
	background: #d682f8;
}
.countdown_purple.countdown_style8 .time > div{
	border: 5px #c942ff solid;
}

/*粉色*/
.countdown_pink.countdown_style1 .time > div,
.countdown_pink.countdown_style3 .time > div,
.countdown_pink.countdown_style3 .word,
.countdown_pink.countdown_style4 .time > div,
.countdown_pink.countdown_style4 .word,
.countdown_pink.countdown_style9 .time > div,
.countdown_pink.countdown_style9 .word,
.countdown_pink.countdown_style10 .time > div,
.countdown_pink.countdown_style11 .time > div{
	color:#fb6cb1;
}
.countdown_pink.countdown_style2 .time > div:before,
.countdown_pink.countdown_style2 .time > div:after,
.countdown_pink.countdown_style2 .time > div em:before,
.countdown_pink.countdown_style2 .time > div em:after,
.countdown_pink.countdown_style5 .time,
.countdown_pink.countdown_style6 .time > div,
.countdown_pink.countdown_style7 .time > div{
	background: #fb6cb1;
}
.countdown_pink.countdown_style2 .time i svg,
.countdown_pink.countdown_style4 .time i svg,
.countdown_pink.countdown_style9 .time i svg{
	fill: #fb6cb1;
}
.countdown_pink.countdown_style6 .time > div em{
	border-top: 1px solid #d35a95;
	background: #e18db6;
}
.countdown_pink.countdown_style8 .time > div{
	border: 5px #fb6cb1 solid;
}

/*黑色*/
.countdown_black.countdown_style1 .time > div,
.countdown_black.countdown_style3 .time > div,
.countdown_black.countdown_style3 .word,
.countdown_black.countdown_style4 .time > div,
.countdown_black.countdown_style4 .word,
.countdown_black.countdown_style9 .time > div,
.countdown_black.countdown_style9 .word,
.countdown_black.countdown_style10 .time > div,
.countdown_black.countdown_style11 .time > div{
	color:#333;
}
.countdown_black.countdown_style2 .time > div:before,
.countdown_black.countdown_style2 .time > div:after,
.countdown_black.countdown_style2 .time > div em:before,
.countdown_black.countdown_style2 .time > div em:after,
.countdown_black.countdown_style5 .time,
.countdown_black.countdown_style6 .time > div,
.countdown_black.countdown_style7 .time > div{
	background: #333;
}
.countdown_black.countdown_style2 .time i svg,
.countdown_black.countdown_style4 .time i svg,
.countdown_black.countdown_style9 .time i svg{
	fill: #333;
}
.countdown_black.countdown_style6 .time > div em{
	border-top: 1px solid #1a1a1a;
	background: #999;
}
.countdown_black.countdown_style8 .time > div{
	border: 5px #333 solid;
}

/*黄色*/
.countdown_yellow.countdown_style1 .time > div,
.countdown_yellow.countdown_style3 .time > div,
.countdown_yellow.countdown_style3 .word,
.countdown_yellow.countdown_style4 .time > div,
.countdown_yellow.countdown_style4 .word,
.countdown_yellow.countdown_style9 .time > div,
.countdown_yellow.countdown_style9 .word,
.countdown_yellow.countdown_style10 .time > div,
.countdown_yellow.countdown_style11 .time > div{
	color:#fbd540;
}
.countdown_yellow.countdown_style2 .time > div:before,
.countdown_yellow.countdown_style2 .time > div:after,
.countdown_yellow.countdown_style2 .time > div em:before,
.countdown_yellow.countdown_style2 .time > div em:after,
.countdown_yellow.countdown_style5 .time,
.countdown_yellow.countdown_style6 .time > div,
.countdown_yellow.countdown_style7 .time > div{
	background: #fbd540;
}
.countdown_yellow.countdown_style2 .time i svg,
.countdown_yellow.countdown_style4 .time i svg,
.countdown_yellow.countdown_style9 .time i svg{
	fill: #fbd540;
}
.countdown_yellow.countdown_style6 .time > div em{
	border-top: 1px solid #d2b235;
	background: #f4dd82;
}
.countdown_yellow.countdown_style8 .time > div{
	border: 5px #fbd540 solid;
}

/*橙黄色*/
.countdown_orange_yellow.countdown_style1 .time > div,
.countdown_orange_yellow.countdown_style3 .time > div,
.countdown_orange_yellow.countdown_style3 .word,
.countdown_orange_yellow.countdown_style4 .time > div,
.countdown_orange_yellow.countdown_style4 .word,
.countdown_orange_yellow.countdown_style9 .time > div,
.countdown_orange_yellow.countdown_style9 .word,
.countdown_orange_yellow.countdown_style10 .time > div,
.countdown_orange_yellow.countdown_style11 .time > div{
	color:#fe9a04;
}
.countdown_orange_yellow.countdown_style2 .time > div:before,
.countdown_orange_yellow.countdown_style2 .time > div:after,
.countdown_orange_yellow.countdown_style2 .time > div em:before,
.countdown_orange_yellow.countdown_style2 .time > div em:after,
.countdown_orange_yellow.countdown_style5 .time,
.countdown_orange_yellow.countdown_style6 .time > div,
.countdown_orange_yellow.countdown_style7 .time > div{
	background: #fe9a04;
}
.countdown_orange_yellow.countdown_style2 .time i svg,
.countdown_orange_yellow.countdown_style4 .time i svg,
.countdown_orange_yellow.countdown_style9 .time i svg{
	fill: #fe9a04;
}
.countdown_orange_yellow.countdown_style6 .time > div em{
	border-top: 1px solid #c67906;
	background: #feb74c;
}
.countdown_orange_yellow.countdown_style8 .time > div{
	border: 5px #fe9a04 solid;
}

/*洋红色*/
.countdown_magenta.countdown_style1 .time > div,
.countdown_magenta.countdown_style3 .time > div,
.countdown_magenta.countdown_style3 .word,
.countdown_magenta.countdown_style4 .time > div,
.countdown_magenta.countdown_style4 .word,
.countdown_magenta.countdown_style9 .time > div,
.countdown_magenta.countdown_style9 .word,
.countdown_magenta.countdown_style10 .time > div,
.countdown_magenta.countdown_style11 .time > div{
	color:#fa039c;
}
.countdown_magenta.countdown_style2 .time > div:before,
.countdown_magenta.countdown_style2 .time > div:after,
.countdown_magenta.countdown_style2 .time > div em:before,
.countdown_magenta.countdown_style2 .time > div em:after,
.countdown_magenta.countdown_style5 .time,
.countdown_magenta.countdown_style6 .time > div,
.countdown_magenta.countdown_style7 .time > div{
	background: #fa039c;
}
.countdown_magenta.countdown_style2 .time i svg,
.countdown_magenta.countdown_style4 .time i svg,
.countdown_magenta.countdown_style9 .time i svg{
	fill: #fa039c;
}
.countdown_magenta.countdown_style6 .time > div em{
	border-top: 1px solid #d40284;
	background: #fb59bd;
}
.countdown_magenta.countdown_style8 .time > div{
	border: 5px #fa039c solid;
}

/*浅褐色*/
.countdown_light_brown.countdown_style1 .time > div,
.countdown_light_brown.countdown_style3 .time > div,
.countdown_light_brown.countdown_style3 .word,
.countdown_light_brown.countdown_style4 .time > div,
.countdown_light_brown.countdown_style4 .word,
.countdown_light_brown.countdown_style9 .time > div,
.countdown_light_brown.countdown_style9 .word,
.countdown_light_brown.countdown_style10 .time > div,
.countdown_light_brown.countdown_style11 .time > div{
	color:#6b473c;
}
.countdown_light_brown.countdown_style2 .time > div:before,
.countdown_light_brown.countdown_style2 .time > div:after,
.countdown_light_brown.countdown_style2 .time > div em:before,
.countdown_light_brown.countdown_style2 .time > div em:after,
.countdown_light_brown.countdown_style5 .time,
.countdown_light_brown.countdown_style6 .time > div,
.countdown_light_brown.countdown_style7 .time > div{
	background: #6b473c;
}
.countdown_light_brown.countdown_style2 .time i svg,
.countdown_light_brown.countdown_style4 .time i svg,
.countdown_light_brown.countdown_style9 .time i svg{
	fill: #6b473c;
}
.countdown_light_brown.countdown_style6 .time > div em{
	border-top: 1px solid #4f342b;
	background: #8b6d63;
}
.countdown_light_brown.countdown_style8 .time > div{
	border: 5px #6b473c solid;
}


/*褐色*/
.countdown_brown.countdown_style1 .time > div,
.countdown_brown.countdown_style3 .time > div,
.countdown_brown.countdown_style3 .word,
.countdown_brown.countdown_style4 .time > div,
.countdown_brown.countdown_style4 .word,
.countdown_brown.countdown_style9 .time > div,
.countdown_brown.countdown_style9 .word,
.countdown_brown.countdown_style10 .time > div,
.countdown_brown.countdown_style11 .time > div{
	color:#843900;
}
.countdown_brown.countdown_style2 .time > div:before,
.countdown_brown.countdown_style2 .time > div:after,
.countdown_brown.countdown_style2 .time > div em:before,
.countdown_brown.countdown_style2 .time > div em:after,
.countdown_brown.countdown_style5 .time,
.countdown_brown.countdown_style6 .time > div,
.countdown_brown.countdown_style7 .time > div{
	background: #843900;
}
.countdown_brown.countdown_style2 .time i svg,
.countdown_brown.countdown_style4 .time i svg,
.countdown_brown.countdown_style9 .time i svg{
	fill: #843900;
}
.countdown_brown.countdown_style6 .time > div em{
	border-top: 1px solid #652c01;
	background: #a86736;
}
.countdown_brown.countdown_style8 .time > div{
	border: 5px #843900 solid;
}


/*棕绿色*/
.countdown_brown_green.countdown_style1 .time > div,
.countdown_brown_green.countdown_style3 .time > div,
.countdown_brown_green.countdown_style3 .word,
.countdown_brown_green.countdown_style4 .time > div,
.countdown_brown_green.countdown_style4 .word,
.countdown_brown_green.countdown_style9 .time > div,
.countdown_brown_green.countdown_style9 .word,
.countdown_brown_green.countdown_style10 .time > div,
.countdown_brown_green.countdown_style11 .time > div{
	color:#666400;
}
.countdown_brown_green.countdown_style2 .time > div:before,
.countdown_brown_green.countdown_style2 .time > div:after,
.countdown_brown_green.countdown_style2 .time > div em:before,
.countdown_brown_green.countdown_style2 .time > div em:after,
.countdown_brown_green.countdown_style5 .time,
.countdown_brown_green.countdown_style6 .time > div,
.countdown_brown_green.countdown_style7 .time > div{
	background: #666400;
}
.countdown_brown_green.countdown_style2 .time i svg,
.countdown_brown_green.countdown_style4 .time i svg,
.countdown_brown_green.countdown_style9 .time i svg{
	fill: #666400;
}
.countdown_brown_green.countdown_style6 .time > div em{
	border-top: 1px solid #4f4d01;
	background: #7a7824;
}
.countdown_brown_green.countdown_style8 .time > div{
	border: 5px #666400 solid;
}

/*浅绿色*/
.countdown_light_green.countdown_style1 .time > div,
.countdown_light_green.countdown_style3 .time > div,
.countdown_light_green.countdown_style3 .word,
.countdown_light_green.countdown_style4 .time > div,
.countdown_light_green.countdown_style4 .word,
.countdown_light_green.countdown_style9 .time > div,
.countdown_light_green.countdown_style9 .word,
.countdown_light_green.countdown_style10 .time > div,
.countdown_light_green.countdown_style11 .time > div{
	color:#b2d235;
}
.countdown_light_green.countdown_style2 .time > div:before,
.countdown_light_green.countdown_style2 .time > div:after,
.countdown_light_green.countdown_style2 .time > div em:before,
.countdown_light_green.countdown_style2 .time > div em:after,
.countdown_light_green.countdown_style5 .time,
.countdown_light_green.countdown_style6 .time > div,
.countdown_light_green.countdown_style7 .time > div{
	background: #b2d235;
}
.countdown_light_green.countdown_style2 .time i svg,
.countdown_light_green.countdown_style4 .time i svg,
.countdown_light_green.countdown_style9 .time i svg{
	fill: #b2d235;
}
.countdown_light_green.countdown_style6 .time > div em{
	border-top: 1px solid #94af2d;
	background: #c9de78;
}
.countdown_light_green.countdown_style8 .time > div{
	border: 5px #b2d235 solid;
}


/*深绿色*/
.countdown_dark_green.countdown_style1 .time > div,
.countdown_dark_green.countdown_style3 .time > div,
.countdown_dark_green.countdown_style3 .word,
.countdown_dark_green.countdown_style4 .time > div,
.countdown_dark_green.countdown_style4 .word,
.countdown_dark_green.countdown_style9 .time > div,
.countdown_dark_green.countdown_style9 .word,
.countdown_dark_green.countdown_style10 .time > div,
.countdown_dark_green.countdown_style11 .time > div{
	color:#029834;
}
.countdown_dark_green.countdown_style2 .time > div:before,
.countdown_dark_green.countdown_style2 .time > div:after,
.countdown_dark_green.countdown_style2 .time > div em:before,
.countdown_dark_green.countdown_style2 .time > div em:after,
.countdown_dark_green.countdown_style5 .time,
.countdown_dark_green.countdown_style6 .time > div,
.countdown_dark_green.countdown_style7 .time > div{
	background: #029834;
}
.countdown_dark_green.countdown_style2 .time i svg,
.countdown_dark_green.countdown_style4 .time i svg,
.countdown_dark_green.countdown_style9 .time i svg{
	fill: #029834;
}
.countdown_dark_green.countdown_style6 .time > div em{
	border-top: 1px solid #027026;
	background: #43a965;
}
.countdown_dark_green.countdown_style8 .time > div{
	border: 5px #029834 solid;
}


/*浅蓝色*/
.countdown_light_blue.countdown_style1 .time > div,
.countdown_light_blue.countdown_style3 .time > div,
.countdown_light_blue.countdown_style3 .word,
.countdown_light_blue.countdown_style4 .time > div,
.countdown_light_blue.countdown_style4 .word,
.countdown_light_blue.countdown_style9 .time > div,
.countdown_light_blue.countdown_style9 .word,
.countdown_light_blue.countdown_style10 .time > div,
.countdown_light_blue.countdown_style11 .time > div{
	color:#2c6dff;
}
.countdown_light_blue.countdown_style2 .time > div:before,
.countdown_light_blue.countdown_style2 .time > div:after,
.countdown_light_blue.countdown_style2 .time > div em:before,
.countdown_light_blue.countdown_style2 .time > div em:after,
.countdown_light_blue.countdown_style5 .time,
.countdown_light_blue.countdown_style6 .time > div,
.countdown_light_blue.countdown_style7 .time > div{
	background: #2c6dff;
}
.countdown_light_blue.countdown_style2 .time i svg,
.countdown_light_blue.countdown_style4 .time i svg,
.countdown_light_blue.countdown_style9 .time i svg{
	fill: #2c6dff;
}
.countdown_light_blue.countdown_style6 .time > div em{
	border-top: 1px solid #262779;
	background: #6e6fb2;
}
.countdown_light_blue.countdown_style8 .time > div{
	border: 5px #2c6dff solid;
}

/*深蓝色*/
.countdown_dark_blue.countdown_style1 .time > div,
.countdown_dark_blue.countdown_style3 .time > div,
.countdown_dark_blue.countdown_style3 .word,
.countdown_dark_blue.countdown_style4 .time > div,
.countdown_dark_blue.countdown_style4 .word,
.countdown_dark_blue.countdown_style9 .time > div,
.countdown_dark_blue.countdown_style9 .word,
.countdown_dark_blue.countdown_style10 .time > div,
.countdown_dark_blue.countdown_style11 .time > div{
	color:#32339f;
}
.countdown_dark_blue.countdown_style2 .time > div:before,
.countdown_dark_blue.countdown_style2 .time > div:after,
.countdown_dark_blue.countdown_style2 .time > div em:before,
.countdown_dark_blue.countdown_style2 .time > div em:after,
.countdown_dark_blue.countdown_style5 .time,
.countdown_dark_blue.countdown_style6 .time > div,
.countdown_dark_blue.countdown_style7 .time > div{
	background: #32339f;
}
.countdown_dark_blue.countdown_style2 .time i svg,
.countdown_dark_blue.countdown_style4 .time i svg,
.countdown_dark_blue.countdown_style9 .time i svg{
	fill: #32339f;
}
.countdown_dark_blue.countdown_style6 .time > div em{
	border-top: 1px solid #27287c;
	background: #7879bd;
}
.countdown_dark_blue.countdown_style8 .time > div{
	border: 5px #32339f solid;
}


/*浅紫色*/
.countdown_light_purple.countdown_style1 .time > div,
.countdown_light_purple.countdown_style3 .time > div,
.countdown_light_purple.countdown_style3 .word,
.countdown_light_purple.countdown_style4 .time > div,
.countdown_light_purple.countdown_style4 .word,
.countdown_light_purple.countdown_style9 .time > div,
.countdown_light_purple.countdown_style9 .word,
.countdown_light_purple.countdown_style10 .time > div,
.countdown_light_purple.countdown_style11 .time > div{
	color:#d27fff;
}
.countdown_light_purple.countdown_style2 .time > div:before,
.countdown_light_purple.countdown_style2 .time > div:after,
.countdown_light_purple.countdown_style2 .time > div em:before,
.countdown_light_purple.countdown_style2 .time > div em:after,
.countdown_light_purple.countdown_style5 .time,
.countdown_light_purple.countdown_style6 .time > div,
.countdown_light_purple.countdown_style7 .time > div{
	background: #d27fff;
}
.countdown_light_purple.countdown_style2 .time i svg,
.countdown_light_purple.countdown_style4 .time i svg,
.countdown_light_purple.countdown_style9 .time i svg{
	fill: #d27fff;
}
.countdown_dark_purple.countdown_style6 .time > div em{
	border-top: 1px solid #9e60bf;
	background: #dfaff9;
}
.countdown_light_purple.countdown_style8 .time > div{
	border: 5px #d27fff solid;
}

/*深紫色*/
.countdown_dark_purple.countdown_style1 .time > div,
.countdown_dark_purple.countdown_style3 .time > div,
.countdown_dark_purple.countdown_style3 .word,
.countdown_dark_purple.countdown_style4 .time > div,
.countdown_dark_purple.countdown_style4 .word,
.countdown_dark_purple.countdown_style9 .time > div,
.countdown_dark_purple.countdown_style9 .word,
.countdown_dark_purple.countdown_style10 .time > div,
.countdown_dark_purple.countdown_style11 .time > div{
	color:#b600ff;
}
.countdown_dark_purple.countdown_style2 .time > div:before,
.countdown_dark_purple.countdown_style2 .time > div:after,
.countdown_dark_purple.countdown_style2 .time > div em:before,
.countdown_dark_purple.countdown_style2 .time > div em:after,
.countdown_dark_purple.countdown_style5 .time,
.countdown_dark_purple.countdown_style6 .time > div,
.countdown_dark_purple.countdown_style7 .time > div{
	background: #b600ff;
}
.countdown_dark_purple.countdown_style2 .time i svg,
.countdown_dark_purple.countdown_style4 .time i svg,
.countdown_dark_purple.countdown_style9 .time i svg{
	fill: #b600ff;
}
.countdown_dark_purple.countdown_style6 .time > div em{
	border-top: 1px solid #9f03de;
	background: #d675fd;
}
.countdown_dark_purple.countdown_style8 .time > div{
	border: 5px #b600ff solid;
}

/*青色*/
.countdown_cyan .time.countdown_style1 > div,
.countdown_cyan.countdown_style3 .time > div,
.countdown_cyan.countdown_style3 .word,
.countdown_cyan.countdown_style4 .time > div,
.countdown_cyan.countdown_style4 .word,
.countdown_cyan.countdown_style9 .time > div,
.countdown_cyan.countdown_style9 .word,
.countdown_cyan.countdown_style10 .time > div,
.countdown_cyan.countdown_style11 .time > div{
	color:#009ad6;
}
.countdown_cyan.countdown_style2 .time > div:before,
.countdown_cyan.countdown_style2 .time > div:after,
.countdown_cyan.countdown_style2 .time > div em:before,
.countdown_cyan.countdown_style2 .time > div em:after,
.countdown_cyan.countdown_style5 .time,
.countdown_cyan.countdown_style6 .time > div,
.countdown_cyan.countdown_style7 .time > div{
	background: #009ad6;
}
.countdown_cyan.countdown_style2 .time i svg,
.countdown_cyan.countdown_style4 .time i svg,
.countdown_cyan.countdown_style9 .time i svg{
	fill: #009ad6;
}
.countdown_cyan.countdown_style6 .time > div em{
	border-top: 1px solid #0183b6;
	background: #4ba2c4;
}
.countdown_cyan.countdown_style8 .time > div{
	border: 5px #009ad6 solid;
}

/*青绿色*/
.countdown_cyan_green.countdown_style1 .time > div,
.countdown_cyan_green.countdown_style3 .time > div,
.countdown_cyan_green.countdown_style3 .word,
.countdown_cyan_green.countdown_style4 .time > div,
.countdown_cyan_green.countdown_style4 .word,
.countdown_cyan_green.countdown_style9 .time > div,
.countdown_cyan_green.countdown_style9 .word,
.countdown_cyan_green.countdown_style10 .time > div,
.countdown_cyan_green.countdown_style11 .time > div{
	color:#00ae9d;
}
.countdown_cyan_green.countdown_style2 .time > div:before,
.countdown_cyan_green.countdown_style2 .time > div:after,
.countdown_cyan_green.countdown_style2 .time > div em:before,
.countdown_cyan_green.countdown_style2 .time > div em:after,
.countdown_cyan_green.countdown_style5 .time,
.countdown_cyan_green.countdown_style6 .time > div,
.countdown_cyan_green.countdown_style7 .time > div{
	background: #00ae9d;
}
.countdown_cyan_green.countdown_style2 .time i svg,
.countdown_cyan_green.countdown_style4 .time i svg,
.countdown_cyan_green.countdown_style9 .time i svg{
	fill: #00ae9d;
}
.countdown_cyan_green.countdown_style6 .time > div em{
	border-top: 1px solid #03a898;
	background: #31baad;
}
.countdown_cyan_green.countdown_style8 .time > div{
	border: 5px #00ae9d solid;
}

/*青蓝色*/
.countdown_cyan_blue.countdown_style1 .time > div,
.countdown_cyan_blue.countdown_style3 .time > div,
.countdown_cyan_blue.countdown_style3 .word,
.countdown_cyan_blue.countdown_style4 .time > div,
.countdown_cyan_blue.countdown_style4 .word,
.countdown_cyan_blue.countdown_style9 .time > div,
.countdown_cyan_blue.countdown_style9 .word,
.countdown_cyan_blue.countdown_style10 .time > div,
.countdown_cyan_blue.countdown_style11 .time > div{
	color:#102b6a;
}
.countdown_cyan_blue.countdown_style2 .time > div:before,
.countdown_cyan_blue.countdown_style2 .time > div:after,
.countdown_cyan_blue.countdown_style2 .time > div em:before,
.countdown_cyan_blue.countdown_style2 .time > div em:after,
.countdown_cyan_blue.countdown_style5 .time,
.countdown_cyan_blue.countdown_style6 .time > div,
.countdown_cyan_blue.countdown_style7 .time > div{
	background: #102b6a;
}
.countdown_cyan_blue.countdown_style2 .time i svg,
.countdown_cyan_blue.countdown_style4 .time i svg,
.countdown_cyan_blue.countdown_style9 .time i svg{
	fill: #102b6a;
}
.countdown_cyan_blue.countdown_style6 .time > div em{
	border-top: 1px solid #0c204f;
	background: #425c96;
}
.countdown_cyan_blue.countdown_style8 .time > div{
	border: 5px #102b6a solid;
}



@media screen and (max-width:640px) {
	.countdown{
		width: 100%;
		height: auto;
	}
	.countdown_style1 .time > div{
		margin-right: 10px;
		width: calc(25% - 8px);
		font-size: 30px;
		padding: 0 calc(((25% - 10px)/2 - 16px)/2);
		height: calc((100vw - 30px)/4);
		line-height: calc((100vw - 30px)/4);
		letter-spacing: calc((100vw - 8px)/8 - 22px);
	}
	.countdown .word > div{
		width: calc(25% - 8px);
		margin-right: 10px;
		font-size: 14px;
	}

	.countdown_style2 .time > div{
		margin-right: 10px;
		width: calc(25% - 8px);
		font-size: 30px;
		padding: 0 calc(((25% - 10px)/2 - 16px)/2);
		height: calc((100vw - 40px)/4);
		line-height: calc((100vw - 40px)/4);
		letter-spacing: calc((100vw - 8px)/8 - 22px);
	}
	.countdown .word > div{
		width: calc(25% - 8px);
		margin-right: 10px;
		font-size: 14px;
	}
	.countdown_style2 .time > div{

	}
	.countdown_style2 .time > div:before,
	.countdown_style2 .time > div:after{
		width: calc(50% - 2px);
	}
	.countdown_style2 .time i{
		display: block;
		position: absolute;
		top: 50%;
		left: calc(25% - 12px);
		margin-top: -10px;
	}
	.countdown_style2 .time i svg{
		width: 20px;
		height: 20px;
		fill: #ffc312;
	}
	.countdown_style2 .time i.icon2{
		left: calc(50% - 10px);
	}
	.countdown_style2 .time i.icon3{
		left: calc(75% - 8px);
	}
	.countdown_style2 .noned .time i.icon2{
		left: calc(37.5% - 11px);
	}
	.countdown_style2 .noned .time i.icon3{
		left: calc(62.5% - 9px);
	}

	.countdown_style3 .time > div{
		margin-right: 10px;
		width: calc(25% - 8px);
		font-size: 30px;
		padding: 0 calc(((25% - 10px)/2 - 16px)/2);
		height: calc((100vw - 40px)/4);
		line-height: calc((100vw - 100px)/4);

	}
	.countdown_style3 .no-word .time > div{
		line-height: calc((100vw - 44px)/4);
	}
	.countdown_style3 .word{
		margin:-50px 0 0;
		line-height:20px;
	}
	.countdown_style3 .word > div{
		font-size:0;
	}
	.countdown_style3 .word > div i{
		font-size:12px;
		font-style: inherit;
    	display: block;
	}
	
	.countdown_style4 .time > div{
		margin-right: 10px;
		width: calc(25% - 8px);
		font-size: 40px;
		padding: 0 calc(((25% - 10px)/2 - 16px)/2);
		letter-spacing: 0 !important;
	}
	.countdown_style4 .time i{
		display: block;
		position: absolute;
		top: 50%;
		left: calc(25% - 13px);
		margin-top: -10px;
	}
	.countdown_style4 .time i svg{
		width: 20px;
		height: 20px;
	}
	.countdown_style4 .time i.icon2{
		left: calc(50% - 11px);
	}
	.countdown_style4 .time i.icon3{
		left: calc(75% - 10px);
	}
	.countdown_style4 .noned .time i.icon2{
		left: calc(50% - 56px);
	}
	.countdown_style4 .noned .time i.icon3{
		left: calc(75% - 54px);
	}


	.countdown_style5 .time > div{
		margin-right: 10px;
		width: calc(25% - 8px);
		font-size: 40px;
		padding: 0 calc(((25% - 10px)/2 - 16px)/2);
		height: calc((100vw - 40px)/4);
		line-height: calc((100vw - 40px)/4);
		letter-spacing: 0 !important;
	}
	.countdown_style5 .time > div:before,
	.countdown_style5 .time > div:after{
		width: calc(50% - 2px);
	}
	.countdown_style5 .time i{
		display: block;
		position: absolute;
		top: 50%;
		left: calc(25% - 13px);
		margin-top: -10px;
	}
	.countdown_style5 .time i svg{
		width: 20px;
		height: 20px;
	}
	.countdown_style5 .time i.icon2{
		left: calc(50% - 11px);
	}
	.countdown_style5 .time i.icon3{
		left: calc(75% - 10px);
	}
	.countdown_style5 .noned .time i.icon2{
		left: calc(50% - 56px);
	}
	.countdown_style5 .noned .time i.icon3{
		left: calc(75% - 53px);
	}
	.countdown_style5 .word{
		margin:10px 0 0;
	}

	.countdown_style6 .time > div{
		margin-right: 10px;
		width: calc(25% - 8px);
		font-size: 36px;
		padding: 0 calc(((25% - 10px)/2 - 16px)/2);
		height: calc((100vw - 40px)/4);
		line-height: calc((100vw - 40px)/4);
	}
	.countdown_style6 .time > div:before{
		width: 4px;
		height: 4px;
		background: rgba(255,255,255,.4);
		content: '';
		position: absolute;
		left: 7px;
		top: calc(50% - 10px);
	}
	.countdown_style6 .time > div:after{
		width: 4px;
		height: 4px;
		background: rgba(255,255,255,.4);
		content: '';
		position: absolute;
		left: 7px;
		bottom: calc(50% - 13px);
	}
	.countdown_style6 .time > div em:before{
		width: 4px;
		height: 4px;
		right: 7px;
		top: -10px;
	}
	.countdown_style6 .time > div em:after{
		width: 4px;
		height: 4px;
		right: 7px;
		bottom: -11px;
	}

	.countdown_style7 .time > div{
		margin-right: 10px;
		width: calc(25% - 8px);
		font-size: 40px;
		padding: 0 calc(((25% - 10px)/2 - 16px)/2);
		height: calc((100vw - 40px)/4);
		line-height: calc((100vw - 40px)/4);
	}
	.countdown_style8 .time{
		margin:0 -5px;	
	}
	.countdown_style8 .no-word .time > div{
		line-height: calc((105vw - 100px)/4);
	}
	.countdown_style8 .time > div{
		margin:0 5px;
		width: calc(25% - 10px);
		font-size: 30px;
		padding: 0 calc(((25% - 10px)/2 - 16px)/2);
		height: calc((100vw - 40px)/4);
		line-height: calc((100vw - 100px)/4);
	}
	.countdown_style8 ul.no-word .time > div{
		line-height: calc((100vw - 100px)/4);
	}
	.countdown_cyan_blue.countdown_style8 .time > div{
		border-width: 2px;
	}
	.countdown_style8 .word{
		margin:-46px -5px 0;
		font-size: 12px;
		position: absolute;
    	width: calc(100% + 10px);
		line-height:20px;
	}
	.countdown_style8 .word > div{
		font-size:0;
		width: calc(25% - 10px);
		margin:0 5px;
	}
	.countdown_style8 .word > div i{
		font-size:12px;
		font-style: inherit;
    	display: block;
	}
	

	.countdown_style9{
		padding:15px 0;
	}
	.countdown_style9 .time{
		padding:0;
	}
	.countdown_style9 .time > div{
		margin-right: 10px;
		width: calc(25% - 8px);
		font-size: 40px;
		padding: 0 calc(((25% - 10px)/2 - 16px)/2);
		height: calc((100vw - 40px)/4);
		line-height: calc((83vw - 10px)/4);
	}
	.countdown_style9 .noned .time > div{
		width: calc(25% - 8px);
	}
	.countdown_style9 .no-word .time > div{
		height: calc((90vw - 40px)/4);
		line-height: calc((85vw - 10px)/4);
	}
	.countdown_style9 .noned .word > div{
		width: calc(25% - 8px);
	}
	
	.countdown_style9 .time i{
		display: block;
		position: absolute;
		top: 50%;
		left: calc(25% - 3px);
		height:calc(100% - 20px)
	}
	.countdown_style9 .time i svg{
		width: 20px;
		height: 20px;
	}
	.countdown_style9 .time i.icon2{
		left: 50%;
	}
	.countdown_style9 .time i.icon3{
		left: calc(75% - -1px);
	}
	.countdown_style9 .noned .time i.icon2{
		left: calc(37.5% + 2px);
	}
	.countdown_style9 .noned .time i.icon3{
		left: calc(62.5% - 4px);
	}
	.countdown_style9 .word{
		margin-top: -30px;
		position: absolute;
    	width: 100%;
	}
	.countdown_style10{
		padding: 15px 0;
	}
	.countdown_style10 .time{
		padding-bottom: 25px;
	}
	.countdown_style10 .word{
		margin-top: 0;
	    margin: 0;
	    padding: 0;
	    position: absolute;
	    bottom: 15px;
	    width: 100%;
	    left: 0;
	}
	.countdown_style10 .time > div{
		margin-right: 10px;
		width: calc(25% - 8px);
		font-size: 40px;
		padding: 0 calc(((25% - 10px)/2 - 16px)/2);
	}
	
}